<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Lato:wght@700;900&family=Ubuntu:wght@400;700&display=swap"
      rel="stylesheet"
    />

    <title>CreateX</title>

    <link rel="stylesheet" href="index.css" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
      crossorigin="anonymous"
    />
  </head>
  <body>
    <div class="wrapper">
      <header>
        <div class="services__background">
          <div class="_container">
            <nav class="navbar">
              <a href="index.html" class="nav-branding">
                <img src="img/logo.png" alt="logo" />
              </a>

              <ul class="nav-menu">
                <li class="nav-item">
                  <a href="#" class="nav-link">About Us</a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link">Services</a>
                </li>
                <li class="nav-item">
                  <a href="our_work.html" class="nav-link">Work</a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link">News</a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link">Contacts</a>
                </li>
              </ul>
              <div class="hamburger">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
              </div>
            </nav>
            <div class="page__title">
              <h1 class="display__1">SERVICES</h1>
              <div class="text__base__regular">
                If you are looking for a full-service construction company, look
                to Createx Construction Bureau. We are doing our best
                to be a partner for all of your construction needs.
              </div>
            </div>
          </div>
        </div>
      </header>
      <div class="services-list">
        <div class="_container">
          <div class="services-list__element">
            <div class="services-list__block">
              <img
                src="img/construction.png"
                alt="Не удалось загрузить изображение"
                class="services-list__image"
              />
            </div>
            <div class="services-list__block">
              <h2 class="services-list__title">Construction</h2>
              <p class="services-list__description">
                Sapien, feugiat faucibus orci arcu, vulputate. Tristique varius
                consectetur vulputate arcu, scelerisque nisi, nibh. Enim semper
                id sodales ultricies sed ut ut augue. Mattis habitant venenatis,
                gravida posuere massa ac interdum. Eget aliquam dignissim ut
                vestibulum.
              </p>
              <a href="#" class="services-list__button">Learn more</a>
            </div>
          </div>
          <div class="services-list__element">
            <div class="services-list__block">
              <h2 class="services-list__title">Project Development</h2>
              <p class="services-list__description">
                Volutpat tellus mauris sit sit. Posuere ut sit vestibulum amet
                viverra in. Est nulla lectus purus tincidunt massa tortor.
                Hendrerit vulputate elementum blandit massa vitae amet felis
                eget.
              </p>
              <a href="#" class="services-list__button">Learn more</a>
            </div>
            <div class="services-list__block">
              <img
                src="img/project_development.png"
                alt="Не удалось загрузить изображение"
                class="services-list__image"
              />
            </div>
          </div>
          <div class="services-list__element">
            <div class="services-list__block">
              <img
                src="img/interior_design.png"
                alt="Не удалось загрузить изображение"
                class="services-list__image"
              />
            </div>
            <div class="services-list__block">
              <h2 class="services-list__title">Interior Design</h2>
              <p class="services-list__description">
                Eleifend orci massa et facilisis orci feugiat ac. Congue in ut
                lacus, turpis accumsan gravida. Aliquet mattis dignissim massa
                sociis a, id bibendum. Egestas lorem eros, mi cras amet, vel
                eget molestie. Turpis enim arcu, amet donec massa pellentesque
                nulla duis. Arcu dictum metus sed purus senectus faucibus eget
                elementum pretium.
              </p>
              <a
                href="#"
                class="services-list__button button button_color_transparent-orange"
                >Learn more</a
              >
            </div>
          </div>
          <div class="services-list__element">
            <div class="services-list__block">
              <h2 class="services-list__title">Repairs</h2>
              <p class="services-list__description">
                Facilisis cursus feugiat sit pulvinar amet. Ac facilisi dictum
                commodo, tortor gravida pretium, orci. Nunc sit sollicitudin id
                egestas mattis. Turpis viverra nec urna ultrices urna.
              </p>
              <a
                href="#"
                class="services-list__button button button_color_transparent-orange"
                >Learn more</a
              >
            </div>
            <div class="services-list__block">
              <img
                src="img/repairs.png"
                alt="Не удалось загрузить изображение"
                class="services-list__image"
              />
            </div>
          </div>
        </div>
      </div>
      <footer class="footer">
        <div class="footer-block _container">
          <div class="left-side__footer">
            <div class="logo_and_socials">
              <div class="img__logo">
                <img src="img/logo_bright.png" alt="logo" />
              </div>
              <div class="socials">
                <a class="socials_logo" href="">
                  <img src="img/Whatsapp.png" alt="" />
                </a>
                <a class="socials_logo" href="">
                  <img src="img/Messanger.png" alt="" />
                </a>
                <a class="socials_logo" href="">
                  <img src="img/Facebook.png" alt="" />
                </a>
                <a class="socials_logo" href="">
                  <img src="img/Twitter.png" alt="" />
                </a>
                <a class="socials_logo" href="">
                  <img src="img/YouTube.png" alt="" />
                </a>
              </div>
            </div>
            <div class="footer__text">
              Createx Construction Bureau has been successfully operating in the
              USA construction market since 2000. We are proud to offer you
              quality construction and exemplary service. Our mission is to set
              the highest standards for construction sphere.
            </div>
            <div class="contacts">
              <h4 class="footer__title">HEAD OFFICE</h4>
              <div class="footer__text__contacts">
                Address:<span class="footer__faded__text">
                  8502 Preston Rd. Inglewood, New York</span
                >
              </div>
              <div class="footer__text__contacts">
                Call:<span class="footer__faded__text"> (405) 555-0128</span>
              </div>
              <div class="footer__text__contacts">
                Email:<span class="footer__faded__text">
                  hello@createx.com</span
                >
              </div>
            </div>
            <div class="copyright">
              © All rights reserved. Made by CreateX Studio
            </div>
          </div>
          <div class="center-side__footer">
            <div class="who-we-are">
              <div class="footer__title">WHO WE ARE</div>
              <div class="links-block">
                <a class="links" href="">About Us</a>
                <a class="links" href="">Available Positions</a>
                <a class="links" href="">Contacts</a>
              </div>
            </div>
          </div>
          <div class="right-side__footer">
            <div class="subscribe">
              <div class="footer__title__right">Let’s stay in touch</div>
              <form class="footer__form">
                <input
                  type="text"
                  class="footer-main-block__input"
                  name="email"
                  id="email"
                  placeholder="Your email address "
                />
                <button class="footer-main-block__button" type="submit">
                  subscribe
                </button>
              </form>
              <div class="footer__text__right">
                *Subscribe to our newsletter to receive communications and early
                updates from Createx Construction Bureau.
              </div>
              <div class="experience">
                <div class="footer__title">OUR EXPERIENCE</div>
                <div class="links-block">
                  <a href="" class="links">Services</a>
                  <a href="" class="links">Work</a>
                  <a href="" class="links">News</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>
  </body>
</html>
